<!--
作者：wanglicheng
时间：2017-11-08
描述：数据输入-实验部分
-->

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="PageFrame.jsp"%>
<script src="../js/spin.min.js" type="text/javascript"></script>

<title>实验部分</title>

<!-- menu -->
<header>
    <nav>
        <div class="dropdown menu-header">
            <a href="#"><span>表单</span><i class="fa fa-caret-down fa-fw"></i></a>
            <div class="dropdown-content">
                <a href=""><i class="fa fa-file-text-o fw"></i><span style="margin-left: 20px">新建</span></a>
                <a href="#" onclick="saveExperiment()"><i class="fa fa-save fw"></i><span style="margin-left: 20px">保存</span></a>
            </div>
        </div>
        <div class="dropdown menu-header">
            <a href="#"><span>工具栏</span><i class="fa fa-caret-down fa-fw"></i></a>
            <div class="dropdown-content">
                <a href="#" data-toggle="modal" data-target="#experiment_part_file_import" id="file_upload">文件上传</a>
            </div>
        </div>
    </nav>
</header>
<!-- /menu -->
<!-- Page Content -->
<div class="container background_form bs-docs-container" id="experiment_part"  data-spy="scroll" data-target=".bs-docs-sidebar" data-offset="0">
    <div class="content">
        <div class="row">
            <div class="col-md-9" role="main" id="experiment_part_top">
                <div class="bs-docs-section" id="experiment_user_information">
                        <h2 class="page-header">用户基本信息</h2>
                        <div class="form-inline row" id="row1">
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                                <label>ID/编号:</label>
                                <input type="text" class="form-control part1" id="ID" value="${id}" readonly>
                            </div>
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                                <label>Author/作者:</label>
                                <input type="text" class="form-control part1" id="Author" value="${author}" readonly>
                            </div>
                        </div>
                        <div class="form-inline row" id="row2">
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                                <label>Date/日期:</label>
                                <input type="text" class="form-control" value="${time}" readonly>
                            </div>
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                                <label>DOI号:</label>
                                <input type="text" class="form-control part1" id="DOI">
                            </div>
                        </div>
                    </div>
                <div class="bs-docs-section" id="experimental_materials">
                        <h2 class="page-header">实验材料</h2>
                        <div class="form-inline row" id="row1">
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                                <label for="experimental_materialsName">原料名称:</label>
                                <input type="text" class="form-control" id="experimental_materialsName">
                            </div>
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                                <label for="experimental_materialsRemarks">备注:</label>
                                <input type="text" class="form-control" id="experimental_materialsRemarks">
                            </div>
                        </div>
                        <div class="row" id="row2">
                            <div class="col-md-10 col-sm-10 col-xs-10" id="c1">
                                <table id="components" class="table table-bordered table-hover">
                                    <thead>
                                    <tr>
                                        <th>表达式</th>
                                        <th>原子数</th>
                                        <th>电荷</th>
                                        <th>简称</th>
                                        <th>供应商</th>
                                        <th>配比</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    </tbody>
                                </table>
                            </div>
                            <div class="col-md-2 col-sm-2 col-xs-2" id="c2">
                                <a class="btn btn-info" href="#" role="button" data-toggle="modal" data-target="#Experimental_materialsAdd_modal">手动添加</a>
                                <a class="btn btn-info" href="#" role="button" data-toggle="modal" data-target="#Experimental_materialsImport_modal">导入材料</a>
                                <a class="btn btn-info" href="#" role="button" id="experimental_materials_delete">删 除</a>
                            </div>
                        </div>
                    </div>
                <div class="bs-docs-section" id="experimental_method">
                        <h2 class="page-header">实验方法</h2>
                        <div class="form-inline row" id="row1">
                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                <label for="resolve_resolution">合成方法:</label>
                                <input type="text" class="form-control part1 input-checkbox" id="resolve_resolution">
                                <ul class="dropdown-menu input-checkbox-panel" x-placement="bottom-start">
                                    <li class="px-2">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="resolve_resolution-checkbox1">
                                            <label class="custom-control-label" for="resolve_resolution-checkbox1">固相法</label>
                                        </div>
                                    </li>
                                    <li class="px-2">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="resolve_resolution-checkbox2">
                                            <label class="custom-control-label" for="resolve_resolution-checkbox2">液相沉淀法</label>
                                        </div>
                                    </li>
                                    <li class="px-2">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="resolve_resolution-checkbox3">
                                            <label class="custom-control-label" for="resolve_resolution-checkbox3">水热法</label>
                                        </div>
                                    </li>
                                    <li class="px-2">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="resolve_resolution-checkbox4">
                                            <label class="custom-control-label" for="resolve_resolution-checkbox4">溶胶凝胶法</label>
                                        </div>
                                    </li>
                                    <li class="px-2">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="resolve_resolution-checkbox5">
                                            <label class="custom-control-label" for="resolve_resolution-checkbox5">模板法</label>
                                        </div>
                                    </li>
                                    <li class="px-2">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="resolve_resolution-checkbox6">
                                            <label class="custom-control-label" for="resolve_resolution-checkbox6">超声合成法</label>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                <label>反应温度:</label>
                                <div class="input-group">
                                    <input type="number" class="form-control part1">
                                    <div class="input-group-addon">℃</div>
                                </div>
                            </div>
                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                <label>压强:</label>
                                <input type="text" class="form-control part1">
                            </div>
                        </div>
                        <div class="form-inline row" id="row2">
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                                <label for="atmosphere">气氛:</label>
                                <select class="form-control part1 select-altInput" style="width: 200px;" id="atmosphere">
                                    <option>（无）</option>
                                    <option>CO2</option>
                                    <option>Air</option>
                                    <option>N2</option>
                                    <option>Ar</option>
                                    <option>其他</option>
                                </select>
                            </div>
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                                <label>PH:</label>
                                <input type="text" class="form-control part1">
                            </div>
                        </div>
                </div>
                <div class="bs-docs-section" id="post_processing_method">
                    <h2 class="page-header">后处理方法</h2>
                    <div class="form-inline row" id="row1">
                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                            <label>保温时间：</label>
                            <input type="text" class="form-control part1">
                        </div>
                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                            <label>升温速度:</label>
                            <input type="text" class="form-control part1">
                        </div>
                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                            <label>烧结温度:</label>
                            <div class="input-group">
                                <input type="number" class="form-control part1">
                                <div class="input-group-addon">℃</div>
                            </div>
                        </div>
                    </div>
                    <div class="form-inline row" id="row2">
                        <div class="form-group col-md-12 col-sm-12 col-xs-12" id="c1">
                            <label>复合高分子/表面活性剂名称:</label>
                            <input type="text" class="form-control part1">
                        </div>
                    </div>
                </div>
                <div class="bs-docs-section" id="experimental_characterization">
                        <h2 class="page-header">实验表征</h2>
                        <div class="form-inline row" id="row1">

                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c1">
                                <label>XRD：</label>
                                <input type="file" name="XRD_IMAGE" id="XRD">
                            </div>

                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c2">
                                <label>结晶度:</label>
                                <div class="input-group">
                                    <input type="number" class="form-control" name="EXPERIMENT_Characterization">
                                    <div class="input-group-addon">%</div>
                                </div>
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c3">
                                <label for="Degradation_in_vitro">体外降解:</label>
                                <div class="input-group">
                                    <input type="number" class="form-control" id="Degradation_in_vitro" name="EXPERIMENT_Characterization">
                                    <div class="input-group-addon">%</div>
                                </div>
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c4">
                                <label for="In_vitro_protein_adsorption">吸附蛋白名称:</label>
                                <input type="text" class="form-control" id="In_vitro_protein_adsorption" name="EXPERIMENT_Characterization">
                            </div>

                        </div>
                        <div class="form-inline row" id="row2">
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c1">
                                <label for="In_vitro_bone-like_apatite_formation">磷灰石形成:</label>
                                <select class="form-control" style="width: 200px;" id="In_vitro_bone-like_apatite_formation" name="EXPERIMENT_Characterization">
                                    <option>未知</option>
                                    <option>是</option>
                                    <option>否</option>
                                </select>
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c2">
                                <label>IR:</label>
                                <input type="text" class="form-control" id="IR" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c3">
                                <label>UV-Vis:</label>
                                <input type="text" class="form-control" id="UV_Vis" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c4">
                                <label>Raman:</label>
                                <input type="text" class="form-control" id="Raman" name="EXPERIMENT_Characterization">
                            </div>

                        </div>
                        <div class="form-inline row" id="row3">
                            <div class="form-group col-md-3 col-sm-3col-xs-3" id="c1">
                                <label>NMR:</label>
                                <input type="text" class="form-control" id="NMR" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c2">
                                <label>导电率:</label>
                                <input type="text" class="form-control" id="Conductivity" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c3">
                                <label>导热率:</label>
                                <input type="text" class="form-control" id="Thermal_conductivity" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c4">
                                <label>迁移率:</label>
                                <input type="text" class="form-control" id="Mobility" name="EXPERIMENT_Characterization">
                            </div>
                        </div>
                        <div class="form-inline row" id="row4">
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c1">
                                <label>电容:</label>
                                <input type="text" class="form-control" id="capacitance" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c2">
                                <label>电极化率:</label>
                                <input type="text" class="form-control" id="Electro_polarization_rate" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c3">
                                <label>介电常数:</label>
                                <input type="text" class="form-control" id="Dielectric_constant" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c4">
                                <label>磁导率:</label>
                                <input type="text" class="form-control" id="Magnetic_permeability" name="EXPERIMENT_Characterization">
                            </div>
                        </div>
                        <div class="form-inline row" id="row5">
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c1">
                                <label>磁化率:</label>
                                <input type="text" class="form-control" id="magnetic_susceptibility" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c2">
                                <label>磁化强度:</label>
                                <input type="text" class="form-control" id="Magnetization" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c3">
                                <label>居里温度:</label>
                                <input type="text" class="form-control" id="Curie_temperature" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-3 col-sm-3 col-xs-3" id="c4">
                                <label>反射系数:</label>
                                <input type="text" class="form-control" id="Reflection_coefficient" name="EXPERIMENT_Characterization">
                            </div>
                        </div>
                        <div class="form-inline row" id="row6">

                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                <label>透射系数:</label>
                                <input type="text" class="form-control" id="Transmission_coefficient" name="EXPERIMENT_Characterization">
                            </div>

                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                <label>折射率:</label>
                                <input type="text" class="form-control" id="Refractive_index" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                <label>余辉时间:</label>
                                <input type="text" class="form-control" id="Afterglow_time" name="EXPERIMENT_Characterization">
                            </div>
                        </div>
                        <div class="form-inline row" id="row7">
                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                <label>抗弯强度:</label>
                                <input type="text" class="form-control" id="Flexural_strength" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                <label>断裂韧性:</label>
                                <input type="text" class="form-control" id="Fracture_toughness" name="EXPERIMENT_Characterization">
                            </div>
                            <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                <label>抗拉强度:</label>
                                <input type="text" class="form-control" id="tensile_strength" name="EXPERIMENT_Characterization">
                            </div>
                        </div>
                        <div class="form-inline row" id="row8">
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                                <label>SEM图：</label>
                                <input type="file" name="SEM_IMAGE" id="SEM">
                                <div class="picture_info" id="sem_picture_info">
                                    <select class="form-control">
                                        <option>形状选择</option>
                                        <option>球</option>
                                        <option>棒/针/线</option>
                                        <option>立方/片</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                                <label>TEM图：</label>
                                <input type="file" name="STM_IMAGE" id="STM">
                                <div class="picture_info" id="tem_picture_info">
                                    <select class="form-control">
                                        <option>形状选择</option>
                                        <option>球</option>
                                        <option>棒/针/线</option>
                                        <option>立方/片</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                <div class="bs-docs-section" id="biological_evaluation">
                    <h2 class="page-header">生物学评价</h2>
                    <div style="padding-left: 20px;">
                            <h3 id="osteoinductive" style="text-align: left;margin-bottom: 20px;padding-left: 20px">组织诱导性</h3>
                            <ul class="nav nav-tabs" role="tablist">
                                <li role="presentation" class="active">
                                    <a href="#osteoinductive_in_vitro" aria-controls="osteoinductive_in_vitro" role="tab" data-toggle="tab">体外</a>
                                </li>
                                <li role="presentation">
                                    <a href="#osteoinductive_in_vivo" aria-controls="osteoinductive_in_vivo" role="tab" data-toggle="tab">体内</a>
                                </li>
                            </ul>
                            <div class="tab-content" style="height: 700px">
                                <div role="tabpanel" class="tab-pane active" id="osteoinductive_in_vitro">
                                    <div class="form-inline row" id="row1">
                                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                                            <label>正常细胞系名称:</label>
                                            <input type="text" class="form-control" id="Normal_cell_name" name="EXPERIMENT_Biological_evaluation">
                                        </div>
                                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                                            <label>动物种属:</label>
                                            <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>小鼠</option>
                                                <option>大鼠</option>
                                                <option>兔</option>
                                                <option>狗</option>
                                                <option>羊</option>
                                                <option>人</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-inline row" id="row2">
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                            <label>成骨分化培养基:</label>
                                            <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>是</option>
                                                <option>否</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                            <label>细胞成骨分化:</label>
                                            <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                                <option>未知</option>
                                                <option>是</option>
                                                <option>否</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                            <label>成骨基因/蛋白启动:</label>
                                            <input type="text" class="form-control input-checkbox" id="Osteogenic_genes_in_vitro" name="EXPERIMENT_Biological_evaluation">
                                            <ul class="dropdown-menu input-checkbox-panel" x-placement="bottom-start">
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vitro-checkbox1">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vitro-checkbox1">ALP</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vitro-checkbox2">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vitro-checkbox2">OCN</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vitro-checkbox3">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vitro-checkbox3">BSP</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vitro-checkbox4">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vitro-checkbox4">BMP-2</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vitro-checkbox5">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vitro-checkbox5">OSX</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vitro-checkbox6">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vitro-checkbox6">OPG</label>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="form-inline row" id="row3">
                                        <h4 style="text-align: left;margin-bottom: 20px;padding-left: 60px">正常细胞抑制率</h4>
                                        <div class="form-group col-md-5 col-sm-5 col-xs-5" id="c1">
                                            <textarea class="form-control" id="Normal_cell_inhibitory_rate" name="EXPERIMENT_Biological_evaluation" rows="15" style="width: 80%"></textarea>
                                        </div>
                                        <div class="form-group col-md-7 col-sm-7 col-xs-7" id="c2" style="height: 400px">
                                            <div id="Normal_cell_inhibitory_rate_chart" style="width: 100%;height: 100%"></div>
                                        </div>
                                    </div>
                                </div>
                                <div role="tabpanel" class="tab-pane" id="osteoinductive_in_vivo">
                                    <div class="form-inline row" id="row1">
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                            <label>动物种属:</label>
                                            <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>小鼠</option>
                                                <option>大鼠</option>
                                                <option>兔</option>
                                                <option>狗</option>
                                                <option>羊</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                            <label>个体发生率:</label>
                                            <input type="text" class="form-control" id="The_incidence_of_individual" name="EXPERIMENT_Biological_evaluation">
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                            <label>新骨生成率:</label>
                                            <input type="text" class="form-control" id="New_bone_formation_rate" name="EXPERIMENT_Biological_evaluation">
                                        </div>
                                    </div>
                                    <div class="form-inline row" id="row2">
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                            <label>样品大小:</label>
                                            <input type="text" class="form-control" name="EXPERIMENT_Biological_evaluation">
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                            <label>植入部位:</label>
                                            <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>皮下</option>
                                                <option>肌肉</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                            <label>植入时间:</label>
                                            <input type="text" class="form-control" name="EXPERIMENT_Biological_evaluation">
                                        </div>
                                    </div>
                                    <div class="form-inline row" id="row3">
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                            <label>载体材料:</label>
                                            <input type="text" class="form-control" name="EXPERIMENT_Biological_evaluation">
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                            <label>孔隙率:</label>
                                            <input type="text" class="form-control" name="EXPERIMENT_Biological_evaluation">
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                            <label>细胞成骨化:</label>
                                            <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>YES</option>
                                                <option>NO</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-inline row" id="row4">
                                        <div class="form-group col-md-12 col-sm-12 col-xs-12" id="c1">
                                            <label>成骨基因/蛋白启动:</label>
                                            <input type="text" class="form-control input-checkbox" id="Osteogenic_genes_in_vivo" name="EXPERIMENT_Biological_evaluation">
                                            <ul class="dropdown-menu input-checkbox-panel" x-placement="bottom-start">
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vivo-checkbox1">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vivo-checkbox1">ALP</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vivo-checkbox2">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vivo-checkbox2">OCN</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vivo-checkbox3">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vivo-checkbox3">BSP</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vivo-checkbox4">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vivo-checkbox4">BMP-2</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vivo-checkbox5">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vivo-checkbox5">OSX</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Osteogenic_genes_in_vivo-checkbox6">
                                                        <label class="custom-control-label" for="Osteogenic_genes_in_vivo-checkbox6">OPG</label>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    <div style="padding-left: 20px;">
                        <h3 id="anti-tumor_properties" style="text-align: left;margin-bottom: 20px;padding-left: 20px">抗肿瘤性能</h3>
                        <ul class="nav nav-tabs" role="tablist">
                            <li role="presentation" class="active">
                                <a href="#anti-tumor_properties_in_vitro" aria-controls="anti-tumor_properties_in_vitro" role="tab" data-toggle="tab">体外</a>
                            </li>
                            <li role="presentation">
                                <a href="#anti-tumor_properties_in_vivo" aria-controls="anti-tumor_properties_in_vivo" role="tab" data-toggle="tab">体内</a>
                            </li>
                        </ul>
                        <div class="tab-content" style="height: 1600px">
                            <div role="tabpanel" class="tab-pane active" id="anti-tumor_properties_in_vitro">
                                <div class="form-inline row" id="row1">
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                        <label>肿瘤细胞系名称:</label>
                                        <input type="text" class="form-control" id="Tumor_cell_name" name="EXPERIMENT_Biological_evaluation">
                                    </div>
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                        <label>动物种属:</label>
                                        <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                            <option>（无）</option>
                                            <option>小鼠</option>
                                            <option>大鼠</option>
                                            <option>兔</option>
                                            <option>狗</option>
                                            <option>羊</option>
                                            <option>人</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-inline row" id="row2">
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                        <label>肿瘤种类：</label>
                                        <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                            <option>（无）</option>
                                            <option>肝</option>
                                            <option>肺</option>
                                            <option>软组织及皮肤</option>
                                            <option>乳腺</option>
                                            <option>胰腺</option>
                                            <option>宫颈</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                        <label>凋亡基因/蛋白启动:</label>
                                        <input type="text" class="form-control input-checkbox" id="Apoptosis_genes_in_vitro" name="EXPERIMENT_Biological_evaluation">
                                        <ul class="dropdown-menu input-checkbox-panel" x-placement="bottom-start">
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox1">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox1">Bax</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox2">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox2">Bcl-2</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox3">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox3">p53</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox4">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox4">AIF</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox5">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox5">Smac</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox6">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox6">Cyto C</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox7">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox7">Apaf-1</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox8">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox8">Caspase-3</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox9">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox9">Caspase-8</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vitro-checkbox10">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vitro-checkbox10">Caspase-9</label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>

                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                        <label for="carrier_material_in_vivo">其它 (凋亡基因/蛋白启动)：</label>
                                        <input type="text" class="form-control" id="Apoptosis_genes_in_vitro_other" name="EXPERIMENT_Biological_evaluation">
                                    </div>
                                </div>
                                <div class="form-inline row" id="row3">
                                    <h4 style="text-align: left;margin-bottom: 20px;padding-left: 60px">肿瘤细胞抑制率</h4>
                                    <div class="form-group col-md-5 col-sm-5 col-xs-5" id="c1">
                                        <textarea class="form-control" id="Tumor_cell_inhibition_rate" name="EXPERIMENT_Biological_evaluation" rows="15" style="width: 80%"></textarea>
                                    </div>
                                    <div class="form-group col-md-7 col-sm-7 col-xs-7" id="c2" style="height: 400px">
                                        <div id="Tumor_cell_inhibition_rate_chart" style="width: 100%;height: 100%"></div>
                                    </div>
                                </div>
                                <div class="form-inline row" id="row4">
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                        <label>总凋:</label>
                                        <input type="text" class="form-control" name="EXPERIMENT_Biological_evaluation">
                                    </div>
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                        <label>早凋:</label>
                                        <input type="text" class="form-control" name="EXPERIMENT_Biological_evaluation">
                                    </div>
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                        <label>晚凋:</label>
                                        <input type="text" class="form-control" name="EXPERIMENT_Biological_evaluation">
                                    </div>
                                </div>
                                <div class="form-inline row" id="row5">
                                    <div class="form-group col-md-5 col-sm-5 col-xs-5" id="c1">
                                        <textarea class="form-control" id="Intracellular_calcium" name="EXPERIMENT_Biological_evaluation" rows="15" style="width: 80%"></textarea>
                                    </div>
                                    <div class="form-group col-md-7 col-sm-7 col-xs-7" id="c2" style="height: 400px">
                                        <div id="Intracellular_calcium_chart" style="width: 100%;height: 100%"></div>
                                    </div>
                                </div>
                                <div class="form-inline row" id="row6">
                                    <div class="form-group col-md-5 col-sm-5 col-xs-5" id="c1">
                                        <textarea class="form-control" id="ROS" name="EXPERIMENT_Biological_evaluation" rows="15" style="width: 80%"></textarea>
                                    </div>
                                    <div class="form-group col-md-7 col-sm-7 col-xs-7" id="c2" style="height: 400px">
                                        <div id="ROS_chart" style="width: 100%;height: 100%"></div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="anti-tumor_properties_in_vivo">
                                <div class="form-inline row" id="row1">
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                            <label>动物种属:</label>
                                            <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>小鼠</option>
                                                <option>大鼠</option>
                                                <option>兔</option>
                                                <option>狗</option>
                                                <option>羊</option>
                                                <option>人</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                            <label>肿瘤部位:</label>
                                            <select class="form-control" style="width: 200px;" name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>背部</option>
                                                <option>原位</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                            <label>介入方式:</label>
                                            <select class="form-control" style="width: 200px;"  name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>注射</option>
                                                <option>包埋</option>
                                                <option>释放</option>
                                            </select>
                                        </div>
                                    </div>
                                <div class="form-inline row" id="row2">
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                            <label>细胞内钙是否升高:</label>
                                            <select class="form-control" style="width: 200px;"  name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>YES</option>
                                                <option>NO</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                            <label>是否进入细胞:</label>
                                            <select class="form-control" style="width: 200px;"  name="EXPERIMENT_Biological_evaluation">
                                                <option>（无）</option>
                                                <option>YES</option>
                                                <option>NO</option>
                                            </select>
                                        </div>
                                        <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                            <label>组织转移:</label>
                                            <input type="text" class="form-control input-checkbox" id="Organizational_transfer_in_vivo" name="EXPERIMENT_Biological_evaluation">
                                            <ul class="dropdown-menu input-checkbox-panel" x-placement="bottom-start">
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Organizational_transfer_in_vivo-checkbox1">
                                                        <label class="custom-control-label" for="Organizational_transfer_in_vivo-checkbox1">肝</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Organizational_transfer_in_vivo-checkbox2">
                                                        <label class="custom-control-label" for="Organizational_transfer_in_vivo-checkbox2">肺</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Organizational_transfer_in_vivo-checkbox3">
                                                        <label class="custom-control-label" for="Organizational_transfer_in_vivo-checkbox3">脾</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Organizational_transfer_in_vivo-checkbox4">
                                                        <label class="custom-control-label" for="Organizational_transfer_in_vivo-checkbox4">软组织</label>
                                                    </div>
                                                </li>
                                                <li class="px-2">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" class="custom-control-input" id="Organizational_transfer_in_vivo-checkbox5">
                                                        <label class="custom-control-label" for="Organizational_transfer_in_vivo-checkbox5">乳腺</label>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                <div class="form-inline row" id="row3">
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c1">
                                        <label>媒介:</label>
                                        <select class="form-control" style="width: 200px;"  name="EXPERIMENT_Biological_evaluation">
                                            <option>（无）</option>
                                            <option>光热</option>
                                            <option>磁性</option>
                                            <option>免疫因子</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c2">
                                        <label>肿瘤种类:</label>
                                        <select class="form-control" style="width: 200px;"  name="EXPERIMENT_Biological_evaluation">
                                            <option>（无）</option>
                                            <option>肝</option>
                                            <option>肺</option>
                                            <option>软组织及皮肤</option>
                                            <option>乳腺</option>
                                            <option>胰腺</option>
                                            <option>宫颈</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-4 col-sm-4 col-xs-4" id="c3">
                                        <label for="carrier_material_in_vivo">载体材料：</label>
                                        <input type="text" class="form-control" id="carrier_material_in_vivo" name="EXPERIMENT_Biological_evaluation">
                                    </div>
                                </div>
                                <div class="form-inline row" id="row4">

                                    <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                                        <label>凋亡基因/蛋白启动:</label>
                                        <input type="text" class="form-control input-checkbox" id="Apoptosis_genes_in_vivo" name="EXPERIMENT_Biological_evaluation">
                                        <ul class="dropdown-menu input-checkbox-panel" x-placement="bottom-start">
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox1">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox1">Bax</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox2">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox2">Bcl-2</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox3">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox3">p53</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox4">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox4">AIF</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox5">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox5">Smac</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox6">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox6">Cyto C</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox7">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox7">Apaf-1</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox8">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox8">Caspase-3</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox9">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox9">Caspase-8</label>
                                                </div>
                                            </li>
                                            <li class="px-2">
                                                <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" class="custom-control-input" id="Apoptosis_genes_in_vivo-checkbox10">
                                                    <label class="custom-control-label" for="Apoptosis_genes_in_vivo-checkbox10">Caspase-9</label>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                                        <label for="carrier_material_in_vivo">其它 (凋亡基因/蛋白启动)：</label>
                                        <input type="text" class="form-control" id="Apoptosis_genes_in_vivo_other" name="EXPERIMENT_Biological_evaluation">
                                    </div>
                                </div>
                                <div class="form-inline row" id="row5">
                                    <div class="form-group col-md-5 col-sm-5 col-xs-5" id="c1">
                                        <textarea class="form-control" id="Tumor_shrinkage" name="EXPERIMENT_Biological_evaluation" rows="15" style="width: 80%"></textarea>
                                    </div>
                                    <div class="form-group col-md-7 col-sm-7 col-xs-7" id="c2" style="height: 400px">
                                        <div id="Tumor_shrinkage_chart" style="width: 808px;height: 400px"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 right-bar" role="complementary">
                <!-- right bar -->
                <nav class="bs-docs-sidebar hidden-print hidden-xs hidden-sm affix">
                    <ul class="nav bs-docs-sidenav">
                        <li class=""><a href="#experiment_user_information" onclick="smoothToElement('experiment_user_information')">用户基本信息</a></li>
                            <li class=""><a href="#experimental_materials" onclick="smoothToElement('experimental_materials')">实验原料</a></li>
                            <li class=""><a href="#experimental_method" onclick="smoothToElement('experimental_method')">实验方法</a></li>
                            <li class=""><a href="#post_processing_method" onclick="smoothToElement('post_processing_method')">后处理方法</a></li>
                            <li class=""><a href="#experimental_characterization" onclick="smoothToElement('experimental_characterization')">实验表征</a></li>
                            <li class="">
                                <a href="#biological_evaluation" onclick="smoothToElement('biological_evaluation')">生物学评价</a>
                                <ul class="nav">
                                    <li class=""><a href="#osteoinductive" onclick="smoothToElement('osteoinductive')">骨诱导性</a></li>
                                    <li class=""><a href="#anti-tumor_properties" onclick="smoothToElement('anti-tumor_properties')">抗肿瘤性能</a></li>
                                </ul>
                            </li>
                        </ul>
                        <a href="#" onclick="smoothToElement('experiment_part_top')">返回顶部</a>
                    </nav>
                </div>
        </div>
    </div>
</div>
<!-- /Page Content -->

<!-- modal-->
<%-- materialsAdd --%>
<div class="modal fade" id="Experimental_materialsAdd_modal" tabindex="-1" role="dialog" aria-labelledby="Experimental_materials_modal_title">
    <div class="modal-dialog" role="document" aria-hidden="true">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="Experimental_materials_modal_title">实验原料添加</h4>
            </div>
            <div class="modal-body" >
                <div class="row" style="padding-left: 15px;padding-right: 15px">
                    <div class="col-md-10 col-sm-10 col-xs-10" id="table_t_element">
                        <table class="table table-hover table-striped" id="t_element">
                            <thead>
                                <tr>
                                    <th>元素</th>
                                    <th>数目</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                    <button class="btn btn-info" data-toggle="modal" data-target="#Elements_added">添 加</button>
                    <button class="btn btn-info">删 除</button>
                </div>
            </div>
            <div class="modal-body">
                <div>
                    <div class="form-inline row" id="row1">
                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                            <label>电荷:</label>
                            <input type="text" class="form-control" id="Charge">
                        </div>
                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                            <label>简称:</label>
                            <input type="text" class="form-control" id="abbreviation">
                        </div>
                    </div>
                    <div class="form-inline row" id="row2">
                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                            <label>供应商:</label>
                            <input type="text" class="form-control" id="supplier">
                        </div>
                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                            <label>配比:</label>
                            <input type="text" class="form-control" id="Ratio">
                        </div>
                    </div>
                    <div class="form-inline row" id="row3">
                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                            <label>浓度:</label>
                            <input type="text" class="form-control" id="concentration_val">
                        </div>
                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                            <label>单位:</label>
                            <input type="text" class="form-control" id="concentration_unit">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">确 定</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<div class="modal fade" id="Elements_added" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">元素添加</h4>
            </div>
            <div class="modal-body" >
                <div>
                    <div class="form-inline row" id="row1">
                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c1">
                            <label>元素:</label>
                            <input type="text" class="form-control" id="element">
                        </div>
                        <div class="form-group col-md-6 col-sm-6 col-xs-6" id="c2">
                            <label>数目:</label>
                            <input type="number" class="form-control" id="element_num">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal">确 定</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<%-- materialsImport --%>
<div class="modal fade" id="Experimental_materialsImport_modal" tabindex="-1" role="dialog" aria-labelledby="Experimental_materialsImport_modal_title">
    <div class="modal-dialog" role="document" aria-hidden="true">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="Experimental_materialsImport_modal_title">实验原料导入</h4>
            </div>
            <div class="modal-body" >
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#calciumPhosphate" aria-controls="calciumPhosphate" role="tab" data-toggle="tab">磷酸钙系列</a></li>
                    <li role="presentation"><a href="#calciumSilicate" aria-controls="calciumSilicate" role="tab" data-toggle="tab">硅酸钙系列</a></li>
                    <li role="presentation"><a href="#calciumSulfate" aria-controls="calciumSulfate" role="tab" data-toggle="tab">硫酸钙系列</a></li>
                    <li role="presentation"><a href="#bioactiveGlass" aria-controls="bioactiveGlass" role="tab" data-toggle="tab">生物活性玻璃</a></li>
                    <li role="presentation"><a href="#selenium" aria-controls="selenium" role="tab" data-toggle="tab">硒</a></li>
                    <li role="presentation"><a href="#magnesiumSilicide" aria-controls="magnesiumSilicide" role="tab" data-toggle="tab">硅化镁</a></li>
                    <li role="presentation"><a href="#copperSulphide" aria-controls="copperSulphide" role="tab" data-toggle="tab">硫化铜</a></li>
                    <li role="presentation"><a href="#nanoCluster" aria-controls="nanoCluster" role="tab" data-toggle="tab">纳米团簇</a></li>
                    <li role="presentation"><a href="#titaniumDioxide" aria-controls="titaniumDioxide" role="tab" data-toggle="tab">二氧化钛</a></li>
                </ul>
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="calciumPhosphate"></div>
                    <div role="tabpanel" class="tab-pane" id="calciumSilicate"></div>
                    <div role="tabpanel" class="tab-pane" id="calciumSulfate"></div>
                    <div role="tabpanel" class="tab-pane" id="bioactiveGlass"></div>
                    <div role="tabpanel" class="tab-pane" id="selenium"></div>
                    <div role="tabpanel" class="tab-pane" id="magnesiumSilicide"></div>
                    <div role="tabpanel" class="tab-pane" id="copperSulphide"></div>
                    <div role="tabpanel" class="tab-pane" id="nanoCluster"></div>
                    <div role="tabpanel" class="tab-pane" id="titaniumDioxide"></div>
                </div>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- upload -->
<div class="modal fade" id="experiment_part_file_import" tabindex="-1" role="dialog" aria-labelledby="experiment_filesImport_modal_title">
    <div class="modal-dialog" role="document" aria-hidden="true">
        <div class="modal-content" style="left: 0% ;width: 70%">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="experiment_filesImport_modal_title">选择上传文件</h4>
            </div>
            <div class="modal-body" >
                <div id="experiment_files-table">
                    <div class="table experiment_files-table-head">
                        <table class="table">
                            <thead>
                            <tr>
                                <th width="80%"><span style="color: red;">*</span>excel<input type="file" class="form-control" id="experiment_part_excels" multiple="multiple" name="excel_files"></th>
                                <th id="loadingBox" style="width:20%"></th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取 消</button>
                <button type="submit" class="btn btn-primary" id="upload_follow_btn">开始上传</button>
            </div>
        </div>
    </div>
</div>



<!-- js-->
<script src="../js/data-input/data-input-experment.js" type="text/javascript"></script>
<!-- /js-->
<script>
    $('input[required]').prev().before('<span style="color:red">* </span>');
    $('select[required]').prev().before('<span style="color:red">* </span>');

    var opts = {
        lines: 9, // The number of lines to draw
        length: 0, // The length of each line
        width: 10, // The line thickness
        radius: 15, // The radius of the inner circle
        corners: 1, // Corner roundness (0..1)
        rotate: 0, // The rotation offset
        color: '#000', // #rgb or #rrggbb
        speed: 1, // Rounds per second
        trail: 60, // Afterglow percentage
        shadow: false, // Whether to render a shadow
        hwaccel: false, // Whether to use hardware acceleration
        className: 'spinner', // The CSS class to assign to the spinner
        zIndex: 2e9, // The z-index (defaults to 2000000000)
        top: 'auto', // Top position relative to parent in px
        left: 'auto' // Left position relative to parent in px
    };
    //上传等待
    var target = document.getElementById('loadingBox');
    //初始化spin-初始化函数中
    var spinner = new Spinner(opts);

    $(document).on('click', '#upload_follow_btn', function () {

        var file_set = $('#experiment_part_excels')[0].files;
        var files_length = file_set.length;

        var formfile = new FormData();
        for (var i = 0; i < files_length; i++) {
            formfile.append("excel_files[]", file_set[i]);
        }
        $.ajax({
            url: "../experiment_part/upload_file",
            data: formfile,
            type: 'POST',
            async: true,
            cache: false,
            contentType: false,
            processData: false,
            beforeSend: function () {
                spinner.spin(target);
            },
            success: function (return_data) {
                if (return_data === 'success') {
                    spinner.stop();
                    alert("上传成功");
                } else {
                    spinner.stop();
                    alert("文件格式错误上传失败：" + return_data);
                }
            },
            error: function () {
                spinner.stop();
                alert("上传失败");
            }
        });
    });
</script>